body,dl,dd,h1,h2,h3,h4,h5,h6,p,span,div{margin:0;padding:0px;}
body{font:12px/1.5 tahoma,simsun,Microsoft YaHei,sans-serif;color:#1a5e77;-webkit-tap-highlight-color: rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border: none;padding: 0;margin:0;}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0;}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input,select,option{outline:none}
.tl{text-align: left;}
.tc{text-align: center;}
.fl{float:left;}
.fr{float:right;}

 header{position: fixed;width: 32rem;left: 50%;bottom: 0;margin-left: -16rem;height: 8rem;z-index: 9; display: none;}
 header img{width:100%;vertical-align: top;}
/*首屏*/
.fix{position: fixed;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);left: 0;top: 0;display: none;z-index: 11;}
.dialog_box{width:25.4rem; height:10.6rem; padding: 7.5rem 0 0;position: fixed; background:url(../img/dialog_bg.png) scroll no-repeat center center; background-size:100% 100%;left: 50%;
 top: 50%; border-radius:0.6rem;margin-left:-12.8rem;margin-top: -9.05rem;display: none;z-index: 102; text-align: center;}
  .dialog_box .titleFn{ font-size: 2rem; color: #333333; margin-bottom: 2rem;}
 .dialog_box .dialog_btn{ margin: 0 auto; display: block; color: #fff; background-color:#20c2f9; border-radius:0.5rem; font-size: 1.4rem; width: 15rem; height: 2.4rem; line-height: 2.4rem;}
    
.wrap{width: 100%;min-width: 320px;max-width: 640px;margin: 0 auto; background-color: #20c2f9; height:660px;}
.one_box_text{ position:relative; width: 24rem; margin:0 auto 1rem; text-align: center;  top: 5%;}
.one_img1{ width: 17.7rem; margin: 0 auto; height:8rem;}
.one_img2{ width: 16.8rem; margin:0.9rem auto 0;}
.one_img3{ width: 24rem; height: 4.45rem; margin:0.9rem auto 0;}
#one_section{ overflow: hidden;  background-color: #20c2f9; position:relative;}

.sec-animate .one_img1{ -webkit-animation: fadeInDown 1s ease 0.1s 1 normal both;;  animation: fadeInDown 1s ease 0.1s 1 normal both;}
.sec-animate .one_img2{   -webkit-animation: fadeInDown 1s ease 0.5s 1 normal both;  animation: fadeInDown 1s ease 0.5s 1 normal both;}
.sec-animate .one_img3{   -webkit-animation: fadeInDown 1s ease 1s 1 normal both;  animation: fadeInDown 1s ease 1s 1 normal both;}
.sec-animate #sec2-cloud{ -webkit-animation: fadeIn 2s ease 1.4s 1 normal both;  animation: fadeIn 2s ease 1.4s 1 normal both;}

.cloud{position:relative;height:200px;z-index: 2; margin:5rem auto 0;}
.cloud span{position: absolute;-webkit-transition: all 1.2s;width:8rem;height:8rem;}
.cloud span:nth-child(1){top:6rem;left:50%; margin-left:-4rem;background: url(../img/cloud_sprites2.png) no-repeat;background-size:67rem auto;z-index: 2;}
.cloud span:nth-child(2){top: 0;left:4rem;background: url(../img/cloud_sprites1.png) no-repeat;background-size: 67rem auto;}
.cloud span:nth-child(3){top:0;right:4rem;background: url(../img/cloud_sprites3.png) no-repeat;background-size:67rem auto;}
.cloud span:nth-child(4){top: 9rem;left:1rem;background: url(../img/cloud_sprites4.png) no-repeat;background-size:67rem auto;z-index: 2;}
.cloud span:nth-child(5){top:13rem;left:50%; margin-left:-4rem;background: url(../img/cloud_sprites5.png) no-repeat;background-size: 67rem auto;}
.cloud span:nth-child(6){top:9rem;right:1rem;background: url(../img/cloud_sprites6.png) no-repeat;background-size:67rem auto;}
/* .cloud{opacity: 0;}*/
.sec2-light{position: absolute;width: 22px;height: 23px;background: url(../img/sec_2_light.png) no-repeat;background-size: 22px 23px;display: none;-webkit-transform-origin: 50% 50%;-webkit-animation: secTwolightScale 1s 0s ease infinite;}
 .cloud span:nth-child(1) i{top:1.8rem;left:2.9rem;}
 .cloud span:nth-child(2) i{top:0;left:3rem;}
 .cloud span:nth-child(3) i{top:3rem;left:3rem;}
 .cloud span:nth-child(4) i{top:2rem;left:2rem;}
 .cloud span:nth-child(5) i{top:3rem;left:3rem;}
 .cloud span:nth-child(6) i{top:2rem;left:2rem;}

/* .cloud{-webkit-animation: fadeIn 2s 1.2s ease both;}*/

 .cloud span:nth-child(1)[class="vertical-float"]{-webkit-animation: tada 1s .2s ease infinite both;}
 .cloud span:nth-child(2)[class="vertical-float"]{-webkit-animation: tada 1s .3s ease infinite both;}
 .cloud span:nth-child(3)[class="vertical-float"]{-webkit-animation: tada 1s .4s ease infinite both;}
 .cloud span:nth-child(4)[class="vertical-float"]{-webkit-animation: tada 1s .5s ease infinite both;} 
 .cloud span:nth-child(5)[class="vertical-float"]{-webkit-animation: tada 1s .6s ease infinite both;}
 .cloud span:nth-child(6)[class="vertical-float"]{-webkit-animation: tada 1s .7s ease infinite both;}  
 
 .cloud span[class="move"]{-webkit-animation: cloudOpen .5s steps(7, end) both;}


.sec-2-bg{background: #0ea6f1 url(../img/sec_2_1.jpg) no-repeat center center;background-size: cover;-webkit-transition: all 0.5s;}

.sec-2-item2-scale .timi-logo img{-webkit-animation: scaleItem 2s .2s ease both; width: 10.2rem;}
.timi-logo span:nth-child(1){position: absolute;bottom:8%;left: 50%;-webkit-transform: translate(-50%, -30%);}
#arrow-tipsTwo,.sec-2-item2{display: none;}



@-webkit-keyframes scaleItem {
    0% {-webkit-transform: scale(0);}
    50% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}

@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1)}
    10%,20%{-webkit-transform:scale(0.95) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.03) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.03) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0)}
}

@-webkit-keyframes cloudOpen {
    from {background-position: 0px;}
    to {background-position: -58.625rem;}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
/* arrow */
.arrow-tips{position: absolute;left: 50%;margin-left: -1.225rem;width:2.45rem;height: 2.05rem;background: url(../img/duolaameng_43.png) no-repeat;background-size:cover;-webkit-animation: arrowTips 1.8s 0s ease infinite;z-index: 99; bottom:1rem;}
@-webkit-keyframes arrowTips{
    0% {opacity: 0;-webkit-transform: translateY(10px);}
    50%, 60%{opacity: 1;-webkit-transform: translateY(0);}
    100%{opacity: 0;-webkit-transform: translateY(-10px);}
}

/*loading*/
.loading { width: 100%; height: 100%; opacity: 1; position:fixed; top: 0px; left: 0px; z-index: 9999; background-color: #20c2f9;}
.loading .loading_rate { color:#fff; font-size:1.4rem; font-weight: bold; line-height: 20px; display: block;position: absolute;left:50%; margin-left: -1rem; top:50%; }
.lod1{width:7.4rem;float: left;margin: 0px 0.2rem 0px 0px;}
.lod2{width:7.4rem;float: right;}
.lod3{width:8.7rem;float: left;}
.loading_imgbox{width:18rem;background-color:#FFFFFF;height:1rem;position: absolute; top:8rem; left:0rem;}
.loading_img{width: 0px; height:1rem;overflow: hidden; background-color: #7cddfe;}

.loading .inner .lod1{
-webkit-backface-visibility:visible;
-webkit-transform-origin:center bottom;
-webkit-animation:lod1 8s 0.3s infinite  linear normal both;
}
 @-webkit-keyframes lod1{
0%{
-webkit-transform: translate(0px,-600px);opacity: 1;
}3%{
-webkit-transform: translate(0px,5px);opacity: 1;
}4%{
-webkit-transform: translate(0px,-3px);opacity: 1;
} 5%{
-webkit-transform: translate(0px,0px);opacity: 1;
}  
30%{
-webkit-transform: translate(0px,0px);opacity: 1;
}
35%{
-webkit-transform: translate(-20rem,0px);opacity: 1;
}
40%{
-webkit-transform: translate(-20rem,0px);opacity: 1;
}  
43%{
-webkit-transform: translateX(3px) translateY(0px);opacity: 1;
} 
44%{
-webkit-transform: translateX(-2px) translateY(0px);opacity: 1;
} 
45%{
-webkit-transform: translateX(0px) translateY(0px);opacity: 1;
}
70%{
-webkit-transform: translateX(0px) translateY(0px) scale(1,1);opacity: 1;
}
72%{
-webkit-transform: translateX(0px) translateY(0px) scale(1.1,0.9);opacity: 1;
}
73%{
-webkit-transform: translateX(0px) translateY(0px) scale(1,1);opacity: 1;
}
78%{
-webkit-transform: translateX(0px) translateY(-600px) scale(1,1);opacity: 1;
}
100%{
-webkit-transform:translateX(0px) translateY(-600px) scale(1,1);opacity: 1;
} 
}
.loading .inner .lod2{
-webkit-backface-visibility:visible;
-webkit-transform-origin:center bottom;
-webkit-animation:lod2 8s 0.3s infinite  linear normal both;
}
 @-webkit-keyframes lod2{
0%{
-webkit-transform: translate(0px,-600px);opacity: 1;
}3%{
-webkit-transform: translate(0px,5px);opacity: 1;
}4%{
-webkit-transform: translate(0px,-3px);opacity: 1;
} 5%{
-webkit-transform: translate(0px,0px);opacity: 1;
}  
30%{
-webkit-transform: translate(0px,0px);opacity: 1;
}
35%{
-webkit-transform: translate(20rem,0);opacity: 1;
}
40%{
-webkit-transform: translate(20rem,0);opacity: 1;
}  
43%{
-webkit-transform: translateX(-3px) translateY(0px);opacity: 1;
} 
44%{
-webkit-transform: translateX(2px) translateY(0px);opacity: 1;
} 
45%{
-webkit-transform: translateX(0px) translateY(0px);opacity: 1;
}
70%{
-webkit-transform: translateX(0px) translateY(0px) scale(1,1);opacity: 1;
}
72%{
-webkit-transform: translateX(0px) translateY(0px) scale(1.1,0.9);opacity: 1;
}
73%{
-webkit-transform: translateX(0px) translateY(0px) scale(1,1);opacity: 1;
}
78%{
-webkit-transform: translateX(0px) translateY(-600px) scale(1,1);opacity: 1;
}
100%{
-webkit-transform:translateX(0px) translateY(-600px) scale(1,1);opacity: 1;
} 
}
.loading .inner .lod3{
-webkit-backface-visibility:visible;
-webkit-transform-origin:center bottom;
-webkit-animation:lod3 8s 0.3s infinite  linear normal both;
}
@-webkit-keyframes lod3{
0%{
-webkit-transform: translate(0px,-600px);opacity: 1;
}3%{
-webkit-transform: translate(0px,5px);opacity: 1;
}4%{
-webkit-transform: translate(0px,-3px);opacity: 1;
} 5%{
-webkit-transform: translate(0px,0px);opacity: 1;
}  
30%{
-webkit-transform: translate(0px,0px);opacity: 1;
}
35%{
-webkit-transform: translate(0,0px);opacity: 1;
}
40%{
-webkit-transform: translate(0,0px);opacity: 1;
}  
43%{
-webkit-transform: translateX(3px) translateY(0px);opacity: 1;
} 
44%{
-webkit-transform: translateX(-2px) translateY(0px);opacity: 1;
} 
45%{
-webkit-transform: translateX(0px) translateY(0px);opacity: 1;
}
70%{
-webkit-transform: translateX(0px) translateY(0px) scale(1,1);opacity: 1;
}
72%{
-webkit-transform: translateX(0px) translateY(0px) scale(1.1,0.9);opacity: 1;
}
73%{
-webkit-transform: translateX(0px) translateY(0px) scale(1,1);opacity: 1;
}
78%{
-webkit-transform: translateX(0px) translateY(-600px) scale(1,1);opacity: 1;
}
100%{
-webkit-transform:translateX(0px) translateY(-600px) scale(1,1);opacity: 1;
} 
}
@-webkit-keyframes poplel
{
      0%{-webkit-transform:rotate(0deg);}
     
      100%{-webkit-transform:rotate(5deg);}
 }

@-webkit-keyframes popler
{
      0%{-webkit-transform:rotate(0deg);}
     
      100%{-webkit-transform:rotate(-5deg);}
 }
.content_img{}
.content_img img{ width: 100%; margin: 0 auto; overflow: hidden; vertical-align: bottom;}
.content_box0{ position: relative; height: 11.5rem;  background: url(../img/duolaameng_02.jpg) scroll center top;  background-size:100% 100%;}
.content_box1{ position: relative; height: 25.05rem;  background: url(../img/duolaameng_04.jpg) scroll center top;  background-size:100% 100%;}
.content_box2{ position: relative; height:20.2rem;  background: url(../img/duolaameng_06.jpg) scroll center top;  background-size:100% 100%;}
.content_box3{ position: relative; height:18.55rem;  background: url(../img/duolaameng_08.jpg) scroll center top;  background-size:100% 100%;}
.content_box4{ position: relative; height:20.3rem;  background: url(../img/duolaameng_10.jpg) scroll center top;  background-size:100% 100%;}
.content_box5{ position: relative; height:19.7rem;  background: url(../img/duolaameng_12.jpg) scroll center top;  background-size:100% 100%;}
.content_box6{ position: relative; height:25.2rem;  background: url(../img/duolaameng_14.jpg) scroll center top;  background-size:100% 100%;}

.content_box1 .pop01,.content_box2 .pop02,.content_box3 .pop03,.content_box4 .pop04,.content_box5 .pop05,.content_box6 .pop06{
	
	position:absolute;-webkit-transform-origin: center center;transform: translateZ(0);
}
.content_box0 .pop0{ width:25.1rem;  height:8.4rem;left:50%; top:50%; margin: -4.2rem 0 0 -12.55rem; position: absolute; }
.content_box1 .pop01{-webkit-animation: poplel 1.5s ease 0s infinite alternate; width: 10.05rem;  height:14.95rem;left: 0.6rem; bottom: 1rem;}
.content_box2 .pop02{-webkit-animation: popler 1.5s ease 0s infinite alternate;width:10.65rem;  height:14.95rem;right:.6rem; bottom: 1rem;}
.content_box3 .pop03{-webkit-animation: popler 1.5s ease 0s infinite alternate;width:8.35rem;  height:14.3rem;left:.6rem; bottom: 1rem;}
.content_box4 .pop04{-webkit-animation: popler 1.5s ease 0s infinite alternate;width:7.2rem;  height:15.2rem;right:.6rem; bottom: 1rem;}
.content_box5 .pop05{-webkit-animation: popler 1.5s ease 0s infinite alternate;width:7.55rem;  height:17.4rem;right:.6rem; bottom: 1rem;}
.content_box6 .pop06{-webkit-animation: popler 1.5s ease 0s infinite alternate;width:9.4rem;  height:13.3rem;left:.6rem; top: 1.5rem;}

.pooanimate{-webkit-animation: scaleItem 2s .2s ease both;}


.content_btn{ background-color: #fb5e59; width: 10rem; height:3.25rem; font-size: 1.4rem; border-radius: 1.6rem; position:absolute;
 line-height: 3.25rem; text-align: center; color: #FFFFFF; border: #b44340 solid .15rem; font-weight: bold;}
.con_btn01{ bottom: 2.6rem; right: 2.8rem;}
.con_btn02{ bottom: 2.6rem; left: 2rem;}

.con_btn03{top:11rem; right:2rem;}

.cont_start{ height: 3.7rem; width:20rem; border-radius: 1.6rem; margin-left: -10rem; border:#006993 dashed .15rem; position:absolute;background-color: #fff; text-align: center; left:50%; bottom:2.1rem;}
.cont_start img{ display: inline-block; width: 5.2rem; height: 2.7rem; margin-top: 0.5rem;}














